/**
 * 用户登录
 *  1. 收集并校验数据
 *  2. 提交数据
 *  3. 缓存响应数据
 *  4. 跳转首页
 * */
document.querySelector('#btn-login').addEventListener('click', async () => {
  // 1. 收集并校验数据
  const form = document.querySelector('.login-form')
  const data = serialize(form, { empty: true, hash: true })
  console.log(data)
  const { username, password } = data
  // 非空判断
  if (username === '' || password === '') {
    showToast('用户名和密码不能为空')
    return
  }

  // 格式判断
  if (username.length < 8 || username.length > 30 || password.length < 6 || password.length > 30) {
    showToast('用户名长度8-30，密码长度6-30')
    return
  }

  // 2. 提交数据
try{
  const data = await axios.post("/login", { username, password })
  // 跳出提示
  showToast(data.message)
  /* 登录授权 */
  localStorage.setItem("token",data.data.token)
  // 记录username
  localStorage.setItem("username",data.data.username)
  /* 跳转页面 */
  setTimeout(()=>{
    // 获取跳转页面
    location.href = "./index.html"
  },1000)

}catch(err){
  // 提示用户
  showToast(err.response.data.message)
}  

})